@charset "utf-8";
.margin-top-30{ margin-top: 30px;}
.margin-top-20{ margin-top: 20px;}
.margin-top-15{ margin-top: 15px;}
.product{ margin-bottom: 20px;}
.product .title{ background: url("../images/pro_tit.png") no-repeat center top;font-size: 26px; color: #303030; padding-top: 37px;}
.product .classify a{ padding-right: 10px;}
.product .classify a:hover{ color:#af5700;}

.product .pro_list li .pro_list_art{box-shadow: 0 10px 20px 5px #ddd; margin-bottom: 15px;}
.product .pro_list li .pro_tit{border-top: 4px solid #ccc;}
.product .pro_list li .pro_tit a{ display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 10px;}
.product .pro_list li .pro_tit span{ border: 1px solid #408ed8; border-radius: 20px;margin-top: 10px;margin-bottom: 15px; display: inline-block; padding:  3px 20px;}
.product .pro_list li:hover a{ color: #fff;}
.product .pro_list li:hover .pro_tit{ border-top: 4px solid #3571A9; background-color: #408ED8;}
.product .pro_list li:hover .pro_tit span{ border: 1px solid #408ED8; background-color: #fff; color: #408ED8;}

.about{ background: url("../images/ab_bg.png") no-repeat center; padding-top: 20px; padding-bottom: 20px;}
.about .about_tit{ background: url("../images/ab_tit_bg.png") no-repeat left top; line-height: 110px; font-size: 26px;color:#303030}
@media (min-width: 992px) {
    .about{ padding-top: 70px;padding-bottom: 70px;}
}

.youshi .title{ background: url("../images/ys_tit_bg.png") no-repeat center top;font-size: 26px; color: #303030; padding-top: 37px;}
.youshi .youshi_con{ background: url("../images/ys_con_bg.jpg") no-repeat center; padding-top: 40px; padding-bottom: 50px;}
.youshi .youshi_con h3{ font-size: 22px; margin-top: 20px; margin-bottom: 10px;}
.youshi .youshi_con .youshi_con1,.youshi .youshi_con .youshi_con4{ color: #fff;}
.youshi .youshi_con .youshi_con2 h3,.youshi .youshi_con .youshi_con3 h3{ color: #408ed8;}
.youshi .youshi_con .youshi_con3,.youshi .youshi_con .youshi_con4{ margin-top: 174px;}

.news{ margin-bottom: 15px;}
.news .title{background: url("../images/ns_tit_bg.jpg") no-repeat 15px top; color:#383838;font-size: 26px;line-height: 90px;}

.news .news_left .news_left_top h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-weight: bold;font-size: 16px;color: #111;}
.news .news_left .news_left_top p{color: rgba(102,102,102,1);font-size: 14px;line-height: 26px; margin-top: 8px; margin-bottom: 10px;}
.news .news_left .news_left_top span{background: #3890e3; border: 1px solid rgba(240,240,240,1);display: inline-block;margin: 0px;padding-left: 10px;padding-right: 10px;color: #fff;font-size: 12px;text-align: center;border-radius: 15px;transition: 0.5s;}
.news .news_left .news_left_top:hover span{color: #db1010; background: #111111; border-color: #111111;}
.news .news_left .news_left_list li{ border-bottom: 1px dashed #ccc;}
.news .news_left .news_left_list li:first-child{ border-top: 1px dashed #ccc;}
.news .news_left .news_left_list li a,.news .news_left .news_left_list li span{ line-height: 40px; display: inline-block;}
.news .news_left .news_left_list li a i{ width: 10px;height: 10px; content: "";display: inline-block;border: 2px solid #3890e3;margin-right: 10px;margin-top: 18px;margin-left: 5px;border-radius: 50px;}

.news .news_right .news_right_list li{ background: #F3F3F3; margin-bottom: 3px;}
.news .news_right .news_right_list li a{ line-height: 70px;font-size: 14px;color: #323232; display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news .news_right .news_right_list li .time{color: #969696;font-size: 12px; line-height: 70px;}
.news .news_right .news_right_list li .time span{color: #c8c8c8;}
@media (min-width: 768px) {
    .news_left{width: 50%;float: left;}
    .news_right{ width: 48%; float: right;}
}